<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{
            margin:0;padding:0;list-style: none;text-decoration: none;
        }
        body{
            background: #ccc;
        }
        #container{
            background-image: url(./image/bg.jpg);
            background-position: absolute; 
            left: 0px;
            height: 100%;
            width: 100%;
            background-size: cover;
            position: fixed;
        }
        #logo{
            float: left;
            margin:0 15px 0 0;
            width:50px;
            height: 50px;
        }
        form{
            background: white;float: left;
        }
        #search-input{
            outline:none;width:500px;height: 50px;line-height: 50px;float: left;border:0;    overflow: hidden;
            
 
        }
        #search-button{
            background-image: url(./image/search.png);position: static;width:40px;height: 30px;float: left;border:0;margin:6px;background-size: cover;background-color: #FFFFFF;
        }
        #wrapper{
            position: absolute;top:200px; left: 300px;background-size: cover;
            position: fixed;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="wrapper">
            <div id="logo">  <img src="./image/logo.png" alt="tupian" id="logo"> </div>
            <form action="https://cn.bing.com/search" target="_self" method="get"  >
                <input type="text" id="search-input" name="q" placeholder="请输入要搜索的内容：" autofocus>
                <input type="submit" id="search-button" value="">
            </form>
        </div>
    </div>   
</body>
</html>